<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>导航条</title>
		<link rel="icon" type="text/css" href="img/icon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/导航条.css"/>
	</head>
	<body>
		<div class="nav">
			<ul>
				<li>
					<a href="https://baike.baidu.com/item/%E4%B8%8A%E5%AE%98%E5%A9%89%E5%84%BF/23169902"><h3>上官婉儿</h3></a>
					<img src="img/婉儿.jpg" width="298px"/>
				</li>
				
				<li>
					<a href="https://baike.baidu.com/item/%E5%AD%99%E5%B0%9A%E9%A6%99/19543863?fr=aladdin"><h3>孙尚香</h3></a>
					<img src="img/大小姐.jpg" width="298px"/>
				</li>
				
				<li>
					<a href="https://baike.baidu.com/item/%E5%85%B0%E9%99%B5%E7%8E%8B/19778702"><h3>兰陵王</h3></a>
					<img src="img/兰陵王.jpg" width="298px"/>					
				</li>
			</ul>
		</div>
	</body>
</html>
